<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园百社通-广场</title>
    <link href="../.style/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <script>
        function detail1() {
            window.confirm("拥有物资：小桌子，移动音响，遮阳棚");
        }
        function detail2() {
            window.confirm("拥有物资：打气筒,木椅子，有线话筒");
        }
        function detail3() {
            window.confirm("拥有物资：喇叭，木桌子，宣传栏，帐篷");
        }
    </script>
    <div>
        <span class="main"> 主界面 </span>
    </div>
    <nav>
        <ul>
            <li><a href="index1.html" class="square">广场 </a> </li>
            <li><a href="index2.html" class="og">组织 </a></li>
            <li><a href="mypages.html" class="mypages">我的 </a></li>
    </nav>
    <div class="item">
        <img src="../images/社团logo/校青年志愿者协会.png" alt="校青年志愿者协会" class="itempic" />
        <p class="name"> 校青年志愿者协会</p>
        <div class="mark"> <button class="bt" type="submit" onclick="detail1()">拥有物资 </div>
    </div>

    <div class="item">
        <img src="../images/社团logo/校团委.png" alt="校团委" class="itempic" />
        <p class="name"> 校团委</p>
        <div class="mark"> <button class="bt" type="submit" onclick="detail2()">拥有物资 </div>
    </div>

    <div class="item">
        <img src="../images/社团logo/校学生会.png" alt="校学生会" class="itempic" />
        <p class="name"> 校学生会</p>
        <div class="mark"> <button class="bt" type="submit" onclick="detail3()">拥有物资 </div>
    </div>
</body>

</html>